Definición de Combo box
Combo box (lista desplegable con entrada) es un elemento de la interfaz gráfica de usuario (GUI) que permite al usuario seleccionar una opción de una lista predefinida o escribir manualmente un valor personalizado. Combina las funcionalidades de un cuadro de texto y un menú desplegable en un solo componente.
Un ejemplo común de combo box es la barra de direcciones en los navegadores web, donde el usuario puede elegir una dirección visitada anteriormente o escribir una nueva URL.
Además de su uso en navegadores web, los combo box son frecuentes en aplicaciones de software como editores de texto, programas de diseño gráfico y formularios de ingreso de datos. Por ejemplo, en una aplicación de inventario, un combo box puede servir para seleccionar el tipo de producto o ingresar uno nuevo.
Los combo box pueden personalizarse para mostrar imágenes o iconos junto a cada opción, facilitando la identificación visual, lo que es útil en aplicaciones especializadas o con gran cantidad de opciones.
Existe una variante denominada combutcon, que permite al usuario ingresar un valor propio, aunque también muestra una lista de opciones predefinidas. Esta variante es especialmente utilizada en aplicaciones empresariales que requieren flexibilidad en la entrada de datos.
Resumen: Combo box
Una combo box es un elemento de la interfaz gráfica que permite elegir una opción de una lista o escribir una entrada personalizada. Es una mezcla entre un cuadro de texto y un menú desplegable. Se utiliza comúnmente en navegadores web, aplicaciones de escritorio y formularios. Existe una variante llamada combutcon, que brinda aún mayor flexibilidad al usuario.
¿Cómo funciona una Combo Box?
La combo box muestra una caja de texto con una flecha desplegable. Al hacer clic en la flecha, se despliega una lista de opciones. El usuario puede seleccionar una opción de la lista o escribir directamente en la caja de texto. Si el usuario escribe, la lista suele filtrar las opciones coincidentes en tiempo real, facilitando la búsqueda.
Ventajas y desventajas de la Combo Box
Ventajas:
- Permite seleccionar rápidamente opciones predefinidas, reduciendo errores de entrada.
- Ofrece la posibilidad de ingresar información personalizada.
- Ahorra espacio en la interfaz en comparación con listas largas o múltiples botones de opción.
- Facilita la búsqueda de opciones mediante autocompletado.
Desventajas:
- Si la lista es muy extensa, puede dificultar la búsqueda visual de opciones.
- Puede no ser intuitivo para usuarios inexpertos que desconocen la posibilidad de escribir en la caja.
- En dispositivos móviles, la interacción puede ser menos cómoda que con otros controles.
¿Dónde se utiliza una Combo Box?
La combo box se utiliza en una amplia variedad de aplicaciones y sistemas, especialmente en formularios de registro, aplicaciones de inventario, configuraciones de programas y paneles de administración. Por ejemplo, al seleccionar un país en un formulario de registro, o al elegir una fuente en un editor de texto.
Comparación: Combo Box vs. Lista Desplegable
Una lista desplegable (o drop-down list) es un elemento que solo permite seleccionar una opción de una lista, sin posibilidad de escribir una entrada personalizada. En cambio, la combo box permite ambas acciones: selección y escritura. Por ejemplo, al elegir el mes de nacimiento en un formulario, suele usarse una lista desplegable; mientras que para ingresar una ciudad, es común usar una combo box.
¿Cómo se agrega una Combo Box a un formulario?
Para agregar una combo box a un formulario, se utiliza el editor de formularios o se escribe el código correspondiente (por ejemplo, en HTML se utiliza la etiqueta <select> junto con input para lograr el efecto de combo box). En entornos de desarrollo visual, se selecciona el control Combo Box desde la Toolbox y se arrastra al formulario.
¿Cómo hacer una Combo Box dependiente de otra Combo Box?
Para crear una combo box dependiente de otra (combo box anidada), se implementa una lógica que actualiza las opciones de la segunda combo box según la selección de la primera. Por ejemplo, al seleccionar un país en la primera combo box, la segunda muestra solo las ciudades correspondientes a ese país. Esto se logra mediante programación, utilizando eventos y listas asociadas a cada opción.
| Elementos típicos de las interfaces gráficas de usuario (GUI) | |
Entrada de comandos |
Botón • Menú contextual • Menu (y Submenú) • Menú desplegable • Menú pastel (pie menu) • Menú hamburguesa |
Entada/salida de datos |
Casillero de verificación • Lista • Lista desplegable (combo box) • Botón de opción (radio button) • Cuadro de texto • Grid view (datagrid) • Botón de opción (Radio button) • Barra de desplazamiento (scrollbar) |
Informativos |
Icono • Barra de estado (status bar) • Globo de ayuda (ballon help) • Barra de progreso • Barra de título • Slider • Spinner • Caja de texto (Text box o Cuadro de texto) • HUD (heads-up) • Infobar • Etiqueta (label) • Splash screen • Throbber • Toast • Tooltip |
Contenedores |
Ventana • Acordeón • Ribbon • Disclosure widget (expansor o Combutcon) • Cuadro (frame/fieldset) • Barra de menú (menubar) • Panel • Panel lateral • Pestaña (tab) • Barra de herramientas |
De navegación |
Barra de direcciones • Breadcrumb • Hipervínculo • Vista de árbol (treeview) |
Ventanas especiales |
Acerca de (about box) • Cuadro de diálogo (dialog box) • Cuadro de diálogo de archivos • Inspector window • Modal window • Ventana de paleta |
Relacionados |
Widget |
Autor: Leandro Alegsa
Actualizado: 07-07-2025
¿Cómo citar este artículo?
Alegsa, Leandro. (2025). Definición de Combo box. Recuperado de https://www.alegsa.com.ar/Dic/combo_box.php
